body {
    /* background-color: rgb(146, 207, 231); */
    background-color: rgb(220, 220, 220);
}

.container {
    display: flex;
    /* flex设置，使其中的子元素水平排列 */
    text-align: center;
    /*水平居中*/
    align-items: center;
    /* flex垂直居中 */
}

.rounded {
    border-radius: 50%;
    /* 设置50%的圆角 */
    margin-right: 100px;
    /* 添加右间距 */
}

ul {
    list-style: none;
    /* 去掉. */
}

.big {
    font-family: Microsoft Jhenghei;
    font-size: 70px;
    color: rgb(47, 76, 67);
}

.small {
    font-family: Microsoft Jhenghei;
    font-size: 30px;
}

button {
    padding: 10px 20px;
    /* 设置按钮内边距 */
    font-size: 18px;
    /* 设置按钮字体大小 */
    background-color: lightblue;
    border-radius: 10%;
}

button:hover {
    background-color: skyblue;
    /* 鼠标悬停时 */
}

button:active {
    background-color: rgba(135, 207, 235, 0.791);
}

.right_vid {
    margin-left: 600px;
}

.music {
    width: 70px;
    height: 70px;
    /* border-radius: 50%; */
    object-fit: cover;
    /* 保持图片比例并填充整个区域 */
}

ul>li.odd {
    /* 奇数行 */
    display: flex;
    align-items: center;
    /*flex垂直对齐*/
    height: 100px;
    border: none;
    background-color: lightgray;
    color: rgb(0, 0, 0);
    font-size: 30px;
}

ul>li.even {
    /* 偶数行 */
    display: flex;
    align-items: center;
    /*flex垂直对齐*/
    height: 100px;
    border: none;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-size: 30px;
}